<template>
    <i v-if="src" class="imageBox">
        <img :src="url" :width="width" :height="height"/>
    </i>
</template>
<script>
export default {
    name:"icon",
    props:{
        src:{
            type:String,
            default:""
        },
        width:{
            type: String,
            default:"20px"
        },
        height:{
            type: String,
            default:"auto"
        },
        fileType:{
            type:String,
            default:"png"
        }
    },
    computed:{
        url:function(){
            return require(`@/common/components/icon/img/${this.$props.src}.${this.$props.fileType}`)
        }
    }
}
</script>

<style scoped lang="scss">

</style>